352. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:15 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

352.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/owl.carousel/assetsowl.carousel.css2018-05-22 21:11:26 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/owl.carousel/assetsowl.carousel.css2021-03-04 01:13:54 +0000

352.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged22130
Changed21330
Inserted00
Removed24

352.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

352.4 Active regular expressions

No regular expressions were active.

352.5 Comparison detail

1 /*  1 /**
2  *  Owl Carousel - Animate Plugin 2  * Owl Carousel v2.3.4
3  */ 3  * Copyright 2013-2018 David Deutsch
4 .owl-carousel .animated { 4  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5   -webkit-animation-duration: 1000ms;    
6   animation-duration: 1000ms;    
7   -webkit-animation-fill-mode: both;    
8   animation-fill-mode: both;    
9 }    
10 .owl-carousel .owl-animated-in {    
11   z-index: 0;    
12 }    
13 .owl-carousel .owl-animated-out {    
14   z-index: 1;    
15 }    
16 .owl-carousel .fadeOut {    
17   -webkit-animation-name: fadeOut;    
18   animation-name: fadeOut;    
19 }    
20     
21 @-webkit-keyframes fadeOut {    
22   0% {    
23     opacity: 1;    
24   }    
25     
26   100% {    
27     opacity: 0;    
28   }    
29 }    
30 @keyframes fadeOut {    
31   0% {    
32     opacity: 1;    
33   }    
34     
35   100% {    
36     opacity: 0;    
37   }    
38 }    
39     
40 /*     
41  *  Owl Carousel - Auto Height Plugin    
42  */ 5  */
43 .owl-height { 6 /*
44   -webkit-transition: height 500ms ease-in-out; 7  *  
Owl Carousel - Core
45   -moz-transition: height 500ms ease-in-out;    
46   -ms-transition: height 500ms ease-in-out;    
47   -o-transition: height 500ms ease-in-out;    
48   transition: height 500ms ease-in-out;    
49 }    
50     
51 /*     
52  *  Core Owl Carousel CSS File    
53  */ 8  */
54 .owl-carousel { 9 .owl-carousel {
55   display: none; 10   display: none;
56   width: 100%; 11   width: 100%;
57   -webkit-tap-highlight-color: transparent; 12   -webkit-tap-highlight-color: transparent;
58   /* position relative and z-index fix webkit rendering fonts issue */ 13   /* position relative and z-index fix webkit rendering fonts issue */
59   position: relative; 14   position: relative;
60   z-index: 1;
 15   z-index: 1; }
61 } 16   .owl-carousel .owl-stage {
62 
.owl-carousel .owl-stage {		    
63   position: relative; 17     position: relative;
64   -ms-touch-action: pan-Y; 18     -ms-touch-action: pan-Y;
65 } 19     touch-action: manipulation;
66 
.owl-carousel .owl-stage:after {		 20     -moz-backface-visibility: hidden;
    21     /* fix firefox animation glitch */ }
    22   .owl-carousel .owl-stage:after {
67   content: "."; 23     content: ".";
68   display: block; 24     display: block;
69   clear: both; 25     clear: both;
70   visibility: hidden; 26     visibility: hidden;
71   line-height: 0; 27     line-height: 0;
72   height: 0;
 28     height: 0; }
73 } 29   .owl-carousel .owl-stage-outer {
74 
.owl-carousel .owl-stage-outer {		    
75   position: relative; 30     position: relative;
76   overflow: hidden; 31     overflow: hidden;
77   /* fix for flashing background */ 32     /* fix for flashing background */
78   -webkit-transform: translate3d(0px, 0px, 0px);
 33     -webkit-transform: translate3d(0px, 0px, 0px); }
79 } 34   .owl-carousel .owl-wrapper,
80 .owl-carousel .owl-controls .owl-nav .owl-prev, 35   .owl-carousel .owl-item {
81 .owl-carousel .owl-controls .owl-nav .owl-next, 36     -webkit-backface-visibility: hidden;
82 .owl-carousel .owl-controls .owl-dot { 37     -moz-backface-visibility: hidden;
    38     -ms-backface-visibility: hidden;
    39     -webkit-transform: translate3d(0, 0, 0);
    40     -moz-transform: translate3d(0, 0, 0);
    41     -ms-transform: translate3d(0, 0, 0); }
    42   .owl-carousel .owl-item {
    43     position: relative;
    44     min-height: 1px;
    45     float: left;
    46     -webkit-backface-visibility: hidden;
    47     -webkit-tap-highlight-color: transparent;
    48     -webkit-touch-callout: none; }
    49   .owl-carousel .owl-item img {
    50     display: block;
    51     width: 100%; }
    52   .owl-carousel .owl-nav.disabled,
    53   .owl-carousel .owl-dots.disabled {
    54     display: none; }
    55 
  .owl-carousel .owl-nav .owl-prev,
    56 
  .owl-carousel .owl-nav .owl-next,
    57 
  .owl-carousel .owl-dot {
83   cursor: pointer; 58     cursor: pointer;
84   cursor: hand;    
85   -webkit-user-select: none; 59     -webkit-user-select: none;
86   -khtml-user-select: none; 60     -khtml-user-select: none;
87   -moz-user-select: none; 61     -moz-user-select: none;
88   -ms-user-select: none; 62     -ms-user-select: none;
89   user-select: none;
 63     user-select: none; }
90 } 64   .owl-carousel .owl-nav button.owl-prev,
91 
.owl-carousel.owl-loaded {		 65   .owl-carousel .owl-nav button.owl-next,
92   display: block;
 66   .owl-carousel button.owl-dot {
93 } 67     background: none;
94 
.owl-carousel.owl-loading {		 68     color: inherit;
    69     border: none;
    70     padding: 0;
    71     font: inherit; }
    72   .owl-carousel.owl-loaded {
    73     display: block; }
    74   .owl-carousel.owl-loading {
95   opacity: 0; 75     opacity: 0;
96   display: block;
 76     display: block; }
97 } 77   .owl-carousel.owl-hidden {
98 
.owl-carousel.owl-hidden {		 78     opacity: 0; }
99   opacity: 0;
 79   .owl-carousel
.owl-refresh .owl-item {
100 } 80     visibility: hidden; }
101 
.owl-carousel .owl-refresh .owl-item {		 81   .owl-carousel.owl-drag .owl-item {
102   display: none; 82     -ms-touch-action: pan-y;
103 } 83         touch-action: pan-y;
104 
.owl-carousel
 .owl-item {		    
105   position: relative;    
106   min-height: 1px;    
107   float: left;    
108   /*-webkit-backface-visibility: hidden;*/    
109   -webkit-tap-highlight-color: transparent;    
110   -webkit-touch-callout: none;    
111   -webkit-user-select: none; 84     -webkit-user-select: none;
112   -moz-user-select: none; 85     -moz-user-select: none;
113   -ms-user-select: none; 86     -ms-user-select: none;
114   user-select: none;
 87     user-select: none; }
115 } 88   .owl-carousel
.owl-grab {
116 .owl-carousel .owl-item img {    
117   display: block;    
118   max-width: 100%;    
119   -webkit-transform-style: preserve-3d;    
120 }    
121 .owl-carousel.owl-text-select-on .owl-item {    
122   -webkit-user-select: auto;    
123   -moz-user-select: auto;    
124   -ms-user-select: auto;    
125   user-select: auto;    
126 }    
127 
.owl-carousel .owl-grab {		    
128   cursor: move; 89     cursor: move;
129   cursor: -webkit-grab; 90     cursor: grab; }
130   cursor: -o-grab; 91   .owl-carousel.owl-rtl {
131   cursor: -ms-grab; 92     direction: rtl; }
132   cursor: grab;
 93   .owl-carousel.owl-rtl .owl-item {
133 } 94     float: right; }
134 
.owl-carousel.owl-rtl {		    
135   direction: rtl;
    
136 }    
137 
.owl-carousel.owl-rtl .owl-item {		    
138   float: right;
    
139 }    
140  95 
141 /* No Js */ 96 /* No Js */
142 .no-js .owl-carousel { 97 .no-js .owl-carousel {
143   display: block;
 98   display: block; }
144 } 99 
    100 /*
    101  *  Owl Carousel - Animate Plugin
    102  */
    103 .owl-carousel .animated {
    104   animation-duration: 1000ms;
    105   animation-fill-mode: both; }
    106 
    107 .owl-carousel .owl-animated-in {
    108   z-index: 0; }
    109 
    110 .owl-carousel .owl-animated-out {
    111   z-index: 1; }
    112 
    113 .owl-carousel .fadeOut {
    114   animation-name: fadeOut; }
    115 
    116 @keyframes fadeOut {
    117   0% {
    118     opacity: 1; }
    119   100% {
    120     opacity: 0; } }
145  121 
146 /*  122 /*
    123  * »    Owl Carousel - Auto Height Plugin
    124  */
    125 .owl-height {
    126   transition: height 500ms ease-in-out; }
    127 
    128 /*
147  *  Owl Carousel - Lazy Load Plugin 129  * »    Owl Carousel - Lazy Load Plugin
148  */ 130  */
149 
.owl-carousel .owl-item .owl-lazy {		 131 .owl-carousel .owl-item {
    132   /**
    133 »       »       »       This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
    134 »       »       »       calculation of the height of the owl-item that breaks page layouts
    135 »       »        */ }
    136   .owl-carousel .owl-item .owl-lazy {
150   opacity: 0; 137     opacity: 0;
151   -webkit-transition: opacity 400ms ease; 138     
transition: opacity 400ms ease; }
152   -moz-transition: opacity 400ms ease;
 139   .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
153   -ms-transition: opacity 400ms ease; 140     max-height: 0; }
154   -o-transition: opacity 400ms ease; 141   .owl-carousel .owl-item img.owl-lazy {
155   transition: opacity 400ms ease; 142     transform-style: preserve-3d; }
156 }    
157 
.owl-carousel .owl-item img
 {		    
158   transform-style: preserve-3d;
    
159 }    
160  143 
161 /*  144 /*
162  *  Owl Carousel - Video Plugin 145  * »    Owl Carousel - Video Plugin
163  */ 146  */
164 .owl-carousel .owl-video-wrapper { 147 .owl-carousel .owl-video-wrapper {
165   position: relative; 148   position: relative;
166   height: 100%; 149   height: 100%;
167   background: #000;
 150   background: #000; }
168 } 151 
169 .owl-carousel .owl-video-play-icon { 152 .owl-carousel .owl-video-play-icon {
170   position: absolute; 153   position: absolute;
171   height: 80px; 154   height: 80px;
172   width: 80px; 155   width: 80px;
173   left: 50%; 156   left: 50%;
174   top: 50%; 157   top: 50%;
175   margin-left: -40px; 158   margin-left: -40px;
176   margin-top: -40px; 159   margin-top: -40px;
177   background: url("owl.video.play.png") no-repeat; 160   background: url("owl.video.play.png") no-repeat;
178   cursor: pointer; 161   cursor: pointer;
179   z-index: 1; 162   z-index: 1;
180   -webkit-backface-visibility: hidden; 163   -webkit-backface-visibility: hidden;
181   -webkit-transition: scale 100ms ease; 164   transition: transform 100ms ease; }
182   -moz-transition: scale 100ms ease; 165 
183   -ms-transition: scale 100ms ease;    
184   -o-transition: scale 100ms ease;    
185   transition: scale 100ms ease;
    
186 }    
187 .owl-carousel .owl-video-play-icon:hover { 166 .owl-carousel .owl-video-play-icon:hover {
188   -webkit-transition: scale(1.3, 1.3); 167   -ms-transform: scale(1.3, 1.3);
189   -moz-transition: scale(1.3, 1.3); 168       transform: scale(1.3, 1.3); }
190   -ms-transition: scale(1.3, 1.3); 169 
191   -o-transition: scale(1.3, 1.3);    
192   transition: scale(1.3, 1.3);
    
193 }    
194 .owl-carousel .owl-video-playing .owl-video-tn, 170 .owl-carousel .owl-video-playing .owl-video-tn,
195 .owl-carousel .owl-video-playing .owl-video-play-icon { 171 .owl-carousel .owl-video-playing .owl-video-play-icon {
196   display: none;
 172   display: none; }
197 } 173 
198 .owl-carousel .owl-video-tn { 174 .owl-carousel .owl-video-tn {
199   opacity: 0; 175   opacity: 0;
200   height: 100%; 176   height: 100%;
201   background-position: center center; 177   background-position: center center;
202   background-repeat: no-repeat; 178   background-repeat: no-repeat;
203   -webkit-background-size: contain;    
204   -moz-background-size: contain;    
205   -o-background-size: contain;    
206   background-size: contain; 179   background-size: contain;
207   -webkit-transition: opacity 400ms ease; 180   transition: opacity 400ms ease; }
208   -moz-transition: opacity 400ms ease; 181 
209   -ms-transition: opacity 400ms ease;    
210   -o-transition: opacity 400ms ease;    
211   transition: opacity 400ms ease;
    
212 }    
213 .owl-carousel .owl-video-frame { 182 .owl-carousel .owl-video-frame {
214   position: relative; 183   position: relative;
215   z-index: 1; 184   z-index: 1;
216 } 185   height: 100%;
217 .owl-theme .owl-controls { 186   width: 100%; }
218     margin-top: 10px;    
219     text-align: center;    
220     -webkit-tap-highlight-color: transparent;    
221 }    
222 .owl-theme .owl-controls .owl-nav [class*=owl-] {    
223     color: #08c;    
224     font-size: 17px;    
225     text-shadow: 0 0 3px rgba(255,255,255,0.5);    
226     margin: 5px;    
227     padding: 4px 7px;    
228     display: inline-block;    
229     cursor: pointer;    
230     -webkit-border-radius: 3px;    
231     -moz-border-radius: 3px;    
232     border-radius: 3px;    
233 }    
234 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {    
235     text-decoration: none;    
236     opacity: .9;    
237 }    
238 .owl-theme .owl-controls .owl-nav .disabled {    
239     opacity: .5;    
240     cursor: default;    
241 }    
242 .owl-theme .owl-controls .disabled {    
243     display: none;    
244 }    
245 .owl-theme .owl-dots .owl-dot {    
246     display: inline-block;    
247     zoom: 1;    
248     *display: inline;    
249 }    
250 .owl-theme .owl-dots .owl-dot span {    
251     width: 10px;    
252     height: 10px;    
253     margin: 5px 7px;    
254     background: #d6d6d6;    
255     display: block;    
256     -webkit-backface-visibility: visible;    
257     -webkit-transition: opacity 200ms ease;    
258     -moz-transition: opacity 200ms ease;    
259     -ms-transition: opacity 200ms ease;    
260     -o-transition: opacity 200ms ease;    
261     transition: opacity 200ms ease;    
262     -webkit-border-radius: 30px;    
263     -moz-border-radius: 30px;    
264     border-radius:30px;    
265 }    
266 .owl-theme .owl-dots .owl-dot.active span,    
267 .owl-theme .owl-dots .owl-dot:hover span {    
268     background: #08c;    
269 }    
270 .owl-dots {    
271     margin-top: 30px;    
272 }    
273 .sidebar .products .owl-dots {    
274     margin: 0;    
275 }    
276 .owl-top-narrow .owl-carousel .owl-item > .item {    
277     padding-top: 10px;    
278 }    

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.